<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>#{bundle.geralApplicationName}PFC Mucceli...</title>
        <a4j:loadStyle src="/resources/css/stylesheet.css"/>
        <a4j:loadScript src="/resources/scripts/scripts.js"/>
        <a4j:loadScript src="/resources/scripts/jquery.maskedinput-1.1.4.js" />
        <a4j:loadScript src="/resources/scripts/jquery.meio.mask.min.js" charset="UTF-8"/>
        <script>
            jQuery(document).ready(function(){
                jQuery('input:text').setMask();
            });
        </script>
    </head>
    <body>
        <div id="todo">
            <div id="topo">
                <div class="roundtopbody" >
                    <h:graphicImage value="/resources/images/nwbody.gif" styleClass="corner" style="display: none;" />
                </div>

                <div>
                    <rich:spacer width="10"/>
                    <h:graphicImage value="/resources/images/java.jpg"/>
                    <rich:spacer width="20"/>PFC Frederico Mucceli ...
                    <rich:spacer width="700"/>
                    Usuário : <span class="usuario">
                        <h:outputText value="#{identity.username}">
                        </h:outputText>
                    </span>
                    <rich:spacer width="10"/>|<rich:spacer width="7"/>
                        <h:outputText value="#{authenticator.dataAtual}">
                        </h:outputText>
                    
                    <br/>
                    <br/>
                </div>

                <div class="UtilityBar">
                    <div id="menu">
                        <h:form>
                            <ul>
                                <li>
                                    <h:commandLink action="usuarios"
                                                   styleClass="utilityBarButton">
                                        <h:graphicImage value="/resources/images/system-users.png"/>
                                        <h:outputText value="#{messages.menuUsuarios}" />
                                        <rich:spacer width="7"/>
                                <rich:toolTip followMouse="true" direction="top-right" showDelay="500" styleClass="tooltip">
                                        Menu de usuário
                                </rich:toolTip>
                                    </h:commandLink></li>
                                <li>
                                    <h:commandLink action="#{atendimentoPesquisarAction.setup}"
                                                   styleClass="utilityBarButton">
                                        <h:graphicImage value="/resources/images/appointment-new.png"/>
                                        <h:outputText value="#{messages.menuAtendimentos}" />
                                        <rich:spacer width="10"/>
                                    </h:commandLink>
                                </li>
                                <li>
                                    <h:commandLink action="#{equipamentoPesquisarAction.setup}"
                                                   styleClass="utilityBarButton">
                                        <h:graphicImage value="/resources/images/network-server.png"/>
                                        <h:outputText value="#{messages.botaoEquipamentos}" />
                                        <rich:spacer width="10"/>
                                    </h:commandLink>
                                </li>
                                <li>
                                    <h:commandLink action="locais"
                                                   styleClass="utilityBarButton">
                                        <h:graphicImage value="/resources/images/house.png"/>
                                        <h:outputText value="#{messages.botaoLocais}" />
                                        <rich:spacer width="10"/>
                                    </h:commandLink>
                                </li>
                                <li>
                                    <h:commandLink action="relatorios"
                                                   styleClass="utilityBarButton">
                                        <h:graphicImage value="/resources/images/x-office-spreadsheet.png"/>
                                        <h:outputText value="#{messages.menuRelatorio}" />
                                        <rich:spacer width="10"/>
                                    </h:commandLink>
                                </li>
                                <li>
                                    <h:commandLink
                                        action="ajuda"
                                        styleClass="utilityBarButton">
                                        <h:graphicImage value="/resources/images/help-browser.png"/>
                                        <h:outputText value="#{messages.botaoAjuda}" />
                                        <rich:spacer width="5"/>
                                    </h:commandLink>
                                </li>
                                <li>
                                    <h:commandLink action="#{identity.logout}"
                                                   styleClass="utilityBarButton">
                                        <h:graphicImage value="/resources/images/system-log-out.png"/>
                                        <h:outputText value="#{messages.menuSair}" />
                                        <rich:spacer width="5"/>
                                    </h:commandLink>
                                </li>
                            </ul>
                        </h:form>
                    </div>
                </div>
                <div id="menu">
                    <ui:insert name="menuPrincipal"/>
                </div>
            </div>

            <div id="conteudo">
                <ui:insert name="conteudo"></ui:insert>
                <input type="hidden" id="msgConfirmacao" value="#{bundle.mensagemConfirmacao}"/>
                <a4j:status id="status" startStyleClass="status" onstart="Richfaces.showModalPanel('mpStatus', {});" onstop="Richfaces.hideModalPanel('mpStatus', {});">
                </a4j:status>
            </div>

            <rich:modalPanel id="mpStatus" label="#{bundle.geralApplicationName}" autosized="true" height="45">
                <center>
                    <table width="100%" align="center">
                        <tr valign="middle">
                            <td valign="middle" align="center">
                                <center>
                                    <h:graphicImage value="/resources/images/processando.gif" style="margin: 2px 0px 0px 10px"/>
                                </center>
                            </td>
                            <td valign="middle" align="center">
                                <h:outputText value="Processando..." style="font-size: 18pt; font-weight: bold"/>
                            </td>
                        </tr>
                    </table>
                </center>
            </rich:modalPanel>

            <div id="rodape">
                <br/>
                CopyRight 2009 - MBSolutions - Belo Horizonte
                <div class="roundbottombody">
                    <h:graphicImage value="/resources/images/swbody.gif" alt="" width="15" height="15" styleClass="corner" style="display: none; text-align:left" />
                </div>
            </div>
        </div>
    </body>
</html>
